<template>
    <div>
        <header>
            <slot name="header">header</slot>
        </header>
        <main>
            <slot>main</slot>
        </main>
        <footer>
            <slot name="footer" :title="title" :age="age">footer</slot>
        </footer>
    </div>
</template>
<script>
export default {
  name: 'template-scoped-slot',
  data () {
    return {
      title: 'Tony Stark',
      age: 18
    }
  }
}
</script>
